<!--
 * @Author: yhx 2045399856@qq.com
 * @Date: 2024-04-01 12:03:13
 * @LastEditTime: 2024-04-02 11:48:39
 * @FilePath: \electron-wallpaper\src\renderer\src\components\Versions.vue
 * @Description: 
 * 
-->
<script setup>
import packageJson from '../../../../package.json'
import setting from '../utils/setting'
function openExternal(url) {
  window.api.openExternal(url)
}
</script>

<template>
  <ul class="versions">
    <li class="des">{{ packageJson.description }}</li>
    <li class="worksoft-version">当前版本：{{ packageJson.version }}</li>
    <li class="author">
      <a class="no-drag" title="作者信息" @click="openExternal(setting.site)">{{
        packageJson.author
      }}</a>
    </li>
  </ul>
</template>

<style lang="scss" scoped>
.versions {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  padding: 15px 0;
  font-family: 'Menlo', 'Lucida Console', monospace;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  color: #e67e22;
  font-size: 12px;

  .worksoft-version {
    // width: 40%;
    // font-size: 14px;
  }
  .des {
    // width: 60%;
    color: #000;
    padding-right: 10px;
  }
  .author {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    &:hover {
      // 下划线
      text-decoration: underline;
      color: rgb(75, 91, 86);
    }
  }
}
</style>
